<!DOCTYPE html>
<html class="no-js"  lang="en">
  <head>
  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <title>我的梦想世界-最全的中国街拍网站</title>
    <meta name="keywords" content="美女图片,性感美女,校花,美女主播,清纯美女,少妇,美少女,美女自拍,90后,写真,街拍,时尚,重庆,成都" />
    <meta name="description" content="我的梦想世界(www.wdmxsj.com)全海量高清,清纯可爱阳光,美女图片在线欣赏,最全的中国街拍美女图片" />
     <link rel="stylesheet" href="/static/mob/plug/swiper.min.css">
  </head>
    <style>
    html, body {
      position: relative;
      height: 100%;
    }
    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
  </style>
  <body>
    
            
            <!-- header -->
            <header id="header" class="header" style="display:none;">
                <div class="container-fluid">
                    <hgroup>
                        <!--
                        <p>  
                          <b>contact us(QQ):597909029</b>
                        </p>
                       -->
                        <p>  
                          <b><a href="/" title="Picxa"><a href="/" title="Picxa">我的梦想世界(www.wdmxsj.com)</a></a></b>
                        </p>
                    
                    </hgroup>
                </div>
            </header>
            <!-- header -->
            <!-- main-wrapper-inner -->
            <style>
            .main-wrapper-inner{margin:0;}
            .details-image{width: 100%;padding: 0;margin: 0;}
            .button{position: fixed;top:50%;z-index: 66;background: grey;width: 40px;height: 60px;margin-top: -20px;text-align: center;}
            .button_l{left:0;}
            .button_r{right: 0}
            .page{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: white;}
            .button_l:before{content:'<';line-height: 60px;color: #fff;font-size: 18px;}
            .button_r:after{content:'>';line-height: 60px;color: #fff;font-size: 18px;}
            .wrapper-inner{padding-bottom: 0px;}
            .p_s{z-index: 66;opacity:0.3;position: fixed;bottom: 0;left: 0;}
            .img-responsive{margin: 0 auto;width: 100%;height: 100%;}
            .main-wrapper-inner{text-align: center;}
            body{background: #000;padding: 0 10px;margin:0;}
            @media screen and (min-width: 1200px) {
                .details-image{width: 50%;padding: 0;margin: 0;}
            }
            </style>
            <main class="main-wrapper-inner" id="container">
                <div class="container">
                    <div class="wrapper-inner">
<p class='page' style="height:16px;line-height: 16px;font-size: 16px;"><span class="now_p">1</span>/<span class="tota">10</span></p>
                  <?php define("STATIC_PATH",'http://msource.wdmxsj.com');?>
                        <!-- details-image -->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                {volist name="list" id="vo" key="k"}
                                <div class="swiper-slide">
                                <figure class="details-image">
                                    <img src="<?php echo STATIC_PATH;?>{$vo.url}" alt="{$k}" class="img-responsive img_show"/>
                                </figure>
                                </div>
                                {/volist} 
                            </div>
                         </div>  
                </div>
            </main>
          <!-- main-wrapper-inner -->
         <!-- footer -->

        <!-- footer -->
   

    <!-- jQuery -->
 
    <script src="/js/assets/jquery.min.js"></script>
    <script src="/static/mob/plug/swiper-3.4.2.min.js"></script>

   <script>
    var swiper = new Swiper('.swiper-container',{
        onSlideChangeEnd: function(swiper){
            //alert(swiper.activeIndex) //切换结束时，告诉我现在是第几个slide
            $(".now_p").html(parseInt(swiper.activeIndex)+1)
        }        
    });
    $(".tota").html(swiper.slides.length)
    $(function(){
      $(".details-image img").click(function(){
          window.history.go(-1)
      })
    })
  </script> 
  </body>
</html>